.box{
    width: 300px;
    height: 100px;
    border: 1px solid rgb(0, 255, 170);
    margin:0 auto;
    display: flex;
    font-size: 25px;
    position: absolute;
    top: 27%;
    right: 39%;
    background-color: azure;
    opacity: 0.7;
}
body{
    background-image: url(../img/背景5.jpg);
    background-repeat: no-repeat;
}
.box *{
    width: 100px;
}
.f{
    float: left;
}
.r{
    float: right;
}